<template>
    <div>
      <table>
        <thead>
          <tr>
            <th>班级</th>
            <th>姓名</th>
            <th>学科</th>
            <th>分数</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>软件21-3班</td>
            <td>bazi</td>
            <td>计算机网络</td>
            <td>89</td>
          </tr>
          <tr class="highlighted-row">
            <td>软件21-3班</td>
            <td>bazi</td>
            <td>计算机组成原理</td>
            <td>59</td>
          </tr>
          <tr>
            <td>软件21-3班</td>
            <td>bazi</td>
            <td>web前端</td>
            <td>81</td>
          </tr>
          <tr class="highlighted-row">
            <td>软件21-3班</td>
            <td>bazi</td>
            <td>创新创业</td>
            <td>59</td>
          </tr>
        </tbody>
      </table>
    </div>
  </template>
  
  <style>
  table {
    width: 100%;
    border-collapse: collapse;
  }
  
  th, td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
  }
  
  .highlighted-row {
    background-color: oldlace; /* 第二行底色 */
  }
  
  tr:nth-child(4) {
    background-color: #f0f9eb; /* 第四行底色 */
  }
  </style>
  
  <script>
  export default {
    name: 'YiTest',
    data() {
      return {};
    }
  };
  </script>